<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="images/favicon.ico">

    <title>同昌官网</title>


    <!-- Bootstrap core CSS -->
    <link href="js/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="js/bootstrap-3.3.7/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
    <link href="js/bootstrapValidator/bootstrapValidator.css" rel="stylesheet">



    <!-- custom style-->
    <link rel="stylesheet" href="plugs/carousel/owl.carousel.css">
    <link rel="stylesheet" href="plugs/carousel/owl.theme.css">
    <!-- animate  CSS -->
    <link rel="stylesheet" href="plugs/animate/animate.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/djff/djff.css">
    <link rel="stylesheet" href="plugs/swiper/swiper.min.css">


    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]>
    <script src="js/bootstrap-3.3.7/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="js/bootstrap-3.3.7/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/bootstrap-3.3.7/js/html5shiv.min.js"></script>
    <script src="js/bootstrap-3.3.7/js/respond.min.js"></script>
    <![endif]-->
    <style>
        .imgInner img {
            width: 100%;
            height: auto;
        }
    </style>
</head>
<body oncontextmenu=self.event.returnValue=false onselectstart="return false">
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"  >
    <div class="modal-dialog"  style="width:410px;">
        <div class="modal-content" style="width:410px;">
            <div class="modal-body">
                <form class="form-signin" id="loginForm">
                    <div class="header row">
                        <div class="col-xs-4"><span></span></div>
                        <div class="col-xs-4 ">网站登录</div>
                        <div class="col-xs-4"><span></span></div>
                    </div>
                    <div class="form-group">
                        <span class="userLabel">用户名 <i></i></span>
                        <input type="text" class="form-control" name="username" id="userName" required autofocus
                               placeholder="请输入用户名"/>
                    </div>
                    <div class="form-group">
                        <span class="passwordLabel">密码 <i></i></span>
                        <input type="password" class="form-control" name="password" id="password" required
                               placeholder="请输入密码"/>
                    </div>
                    <div class="form-group">
                        <button type="submit" id="submitBtn" class="btn btn-lg btn-primary btn-block">登录</button>
                    </div>
                </form>

            </div>
        </div>
    </div>
</div>
<div class="navbar-wrapper">
    <div class="container">
        <nav class="navbar  navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                            aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html">
                        <img alt="Brand" src="images/common/logo.png">
                    </a>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="dqtc.html">大气天成</a></li>
                        <li class="active"><a href="#">大将风范</a></li>
                        <li><a href="dxwx.html">大象无形</a></li>
                        <li><a href="dcwo.html">大成无偶</a></li>
                        <li><a href="dawj.html">大爱无疆</a></li>
                        <li><a href="dyht.html">大业宏图</a></li>
                        <ul class="nav navbar-nav pull-right">
                            <li class="loginBtn" data-toggle="modal" data-target="#myModal">登录</li>
                            <!--<li><a href="#">注册</a></li>-->
                            <li><a href="#" class="line"></a></li>
                            <!--<li><a href="#" class="searchIcon"></a></li>-->
                            <li class="wxBox"><a href="javascript:void(0);" class="weixin"></a><a href="javascript:void(0);" class="jtewm"></a></li>
                            <!--<li><a href="#" class="en"></a></li>-->
                        </ul>
                    </ul>
                </div>
            </div>
        </nav>

    </div>
</div>
<section class="item djff">
    <div class="djffContent">
        <div class="djffBg"></div>
        <div class="djffText">
            <div class="textInner">
                <div class="container">
                    <div class="textContent">
                        <div class="djffTextTitle">
                            <span>大</span><span>将</span><span>风</span><span>范</span>
                        </div>
                        <div class="djffSubtitle wow animated  rubberBand "> 一种运筹帷幄、气吞山河的雷霆之势</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="djffBottom">
            <div class="djffBottomInner wow animated fadeInUp">
                <div class="item">覆盖</div>
                <div class="js-box box item">100,100</div>
                <div class="item"> +城市网络&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;服务于</div>
                <div class="js-box1 box item">37,000,000</div>
                <div class="item">+ 市民&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日处理数据</div>
                <div class="js-box2 box item">100,000,000</div>
                <div class="item">+条</div>
            </div>
        </div>
    </div>
</section>
<section class="item  companyProducts wow animated fadeInUp " style="visibility: visible; animation-name: fadeInUp;">
    <div class="container">
        <div class="row companyProductsHeader">
            <div class="col-xs-12 ">
                <div class="row">
                    <div class="col-xs-4">
                        <div class="line"></div>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="itemTitle">公司产品</div>
                        <small class="itemTitleEn">Company products</small>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="line "></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row companyProductsContent">
            <div class="productsScroll">
                <div class="swiper-father  wow animated  fadeInUp ">
                    <div class="swiper-container" id="productsSwiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="welldjff">
                                    <div class="well-item">
                                        <div class="correct">
                                            <div style="height: 100%">           
                                                <div class="wellBg well_bg1 padd_well">
                                                    <p class="paddb_15">
                                                        <img src="images/djff/productIcon01.png" alt="">
                                                    </p>
                                                    <p class="font_gscp paddb_15">民生之钥</p>
                                                    <p class="font1_gscp">养老新模式，让忠孝不再两难全</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opposite">
                                            <div class="" style="height: 100%">
                                                <div class="opposite-content hover_bg1">
                                                    <div class="opposite-content-text">
                                                       <p class="font1_bm paddb_5">民生之钥</p>
                                                       <p class="font2_bm paddb_15">养老新模式，让忠孝不再两难全</p>
                                                       <p class="font3_bm">
                                                            致力于整合分散养老社会资源，提供专业化养老服务，秉承让忠孝不再两难全的理念，产品集结最权威的养老资讯，最专业的健康养生，最精准的机构查询，最贴心的养老管家几大方向，形成闭环式新科技养老，替天下子女行孝。
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="well-item">
                                        <div class="correct">
                                            <div style="height: 100%">           
                                                <div class="wellBg well_bg2 padd_well">
                                                    <p class="paddb_15">
                                                        <img src="images/djff/productIcon02.png" alt="">
                                                    </p>
                                                    <p class="font_gscp paddb_15">智慧社区</p>
                                                    <p class="font1_gscp">引领现代社区新生活，同昌智慧社区</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opposite">
                                            <div class="" style="height: 100%">
                                                <div class="opposite-content hover_bg2">
                                                    <div class="opposite-content-text">
                                                       <p class="font1_bm paddb_5">智慧社区</p>
                                                       <p class="font2_bm paddb_15">引领现代社区新生活，同昌智慧社区</p>
                                                       <p class="font3_bm">
                                                            是社区管理的新理念，是新形势下社会管理创新的一种新模式。智慧社区的建设充分利用云计算、物联网、移动互联网、大数据等新一代的信息技术手段，通过智慧社区云平台对社区基础设施和社区党建、政务、便民、养老等服务内容进行全方位的信息化处理，使社区从单一的生活空间，逐步演化成为居民服务的信息综合体。
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="well-item">
                                        <div class="correct">
                                            <div style="height: 100%">           
                                                <div class="wellBg well_bg3 padd_well">
                                                    <p class="paddb_15">
                                                        <img src="images/djff/productIcon03.png" alt="">
                                                    </p>
                                                    <p class="font_gscp paddb_15">安全运维平台</p>
                                                    <p class="font1_gscp">您身边的IT资产智能管家</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opposite">
                                            <div class="" style="height: 100%">
                                                <div class="opposite-content hover_bg3">
                                                    <div class="opposite-content-text">
                                                       <p class="font1_bm paddb_5">安全运维平台</p>
                                                       <p class="font2_bm paddb_15">您身边的IT资产智能管家</p>
                                                       <p class="font3_bm">
                                                            一个监视系统运行状态和网络信息的监视系统。能监视所指定的本地或远程主机以及服务，同时提供异常通知功能等。可运行在Linux主机之上，能够监控linux/Unix、Windows、网络设备、安全设备等设备，同时提供基于浏览器的WEB界面以方便系统管理人员查看网络状态，各种系统问题，以及日志等等。
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="well-item">
                                        <div class="correct">
                                            <div style="height: 100%">           
                                                <div class="wellBg well_bg4 padd_well">
                                                    <p class="paddb_15">
                                                        <img src="images/djff/productIcon04.png" alt="">
                                                    </p>
                                                    <p class="font_gscp paddb_15">同昌慧智</p>
                                                    <p class="font1_gscp">全面审计信息系统的日志审计平台</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opposite">
                                            <div class="" style="height: 100%">
                                                <div class="opposite-content hover_bg4">
                                                    <div class="opposite-content-text">
                                                       <p class="font1_bm paddb_5">同昌慧智</p>
                                                       <p class="font2_bm paddb_15">全面审计信息系统的日志审计平台</p>
                                                       <p class="font3_bm">
                                                            通过对客户网络设备、安全设备、主机和应用系统、中间件日志进行全面的标准化处理，及时发现各种安全威胁、异常行为事件，为管理人员提供全局的视角，确保客户业务的不间断运营安全，同时提供集中化的统一审计平台，将所有的日志信息收集到平台中，实现信息资产的统一管理、监控资产的运行状况，协助用户全面审计信息系统整体安全状况。
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="well-item">
                                        <div class="correct">
                                            <div style="height: 100%">           
                                                <div class="wellBg well_bg5 padd_well">
                                                    <p class="paddb_15">
                                                        <img src="images/djff/productIcon05.png" alt="">
                                                    </p>
                                                    <p class="font_gscp paddb_15">同昌慧眼</p>
                                                    <p class="font1_gscp">集网络设备安全，漏洞扫描、资产普查
                                                以及实施预警的监控平台</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opposite">
                                            <div class="" style="height: 100%">
                                                <div class="opposite-content hover_bg5">
                                                    <div class="opposite-content-text">
                                                       <p class="font1_bm paddb_5">同昌慧眼</p>
                                                       <p class="font2_bm paddb_15">集设备安全，漏洞扫描，实施预警的监控平台</p>
                                                       <p class="font3_bm">
                                                            对具有相关授权的监控对象进行集中监测、预警、分析、结果展现和应急调度的平台。依据管理要求利用网络爬虫、网页分析算法、资产普查、漏洞扫描等技术对制定的监测任务进行安全检测，实现对某行业网站实时安全态势展示、全天候全方位监测预警、资产识别及漏洞预警、应急资源调度及处置等功能。
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="well-item">
                                        <div class="correct">
                                            <div style="height: 100%">           
                                                <div class="wellBg well_bg6 padd_well">
                                                    <p class="paddb_15">
                                                        <img src="images/djff/productIcon06.png" alt="">
                                                    </p>
                                                    <p class="font_gscp paddb_15">数字智能胶片</p>
                                                    <p class="font1_gscp">打造“互联网+”时代的新型胶片！</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opposite">
                                            <div class="" style="height: 100%">
                                                <div class="opposite-content hover_bg6">
                                                    <div class="opposite-content-text">
                                                       <p class="font1_bm paddb_5">数字智能胶片</p>
                                                       <p class="font2_bm paddb_15">打造“互联网+”时代的新型胶片！</p>
                                                       <p class="font3_bm">
                                                            采用云影象传输、存档和处理技术，以医院为依托的智能数字胶片应用平台，提供与医院相关信息平台信息交互，如检查申请单、预约信息、检查状态、计费情况、检查报告等信息和数字智能胶片功能的自动交互，为医护人员、患者提供云端数字胶片存储、调阅和应用服务，实现去胶片化和“最多跑一次”功能。
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>  
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="welldjff">
                                    <div class="well-item">
                                        <div class="correct">
                                            <div style="height: 100%">           
                                                <div class="wellBg well_bg1 padd_well">
                                                    <p class="paddb_15">
                                                        <img src="images/djff/productIcon10.png" alt="">
                                                    </p>
                                                    <p class="font_gscp paddb_15">微安机房动环监控产品</p>
                                                    <p class="font1_gscp">动环可视化监控专家</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opposite">
                                            <div class="" style="height: 100%">
                                                <div class="opposite-content hover_bg1">
                                                    <div class="opposite-content-text">
                                                       <p class="font1_bm paddb_5">微安机房动环监控产品</p>
                                                       <p class="font2_bm paddb_15">动环可视化监控专家</p>
                                                       <p class="font3_bm">通过嵌入式监控主机，实时监控机房各系统设备的运行状态及工作参数，并通过搭载的3D引擎，形象化的将虚拟场景和真实数据相结合，实时动态呈现设备参数及设备警告信息，快速定位出故障设备，并提供多种报警方式，同时提供智能专家诊断建议和远程监控管理功能，使机房维护和管理从人工被动看守的方式向计算机集中控制和管理的模式转变。                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="well-item">
                                        <div class="correct">
                                            <div style="height: 100%">           
                                                <div class="wellBg well_bg2 padd_well">
                                                    <p class="paddb_15">
                                                        <img src="images/djff/productIcon15.png" alt="">
                                                    </p>
                                                    <p class="font_gscp paddb_15">综治e+e</p>
                                                    <p class="font1_gscp">使社会治理更容“e”，百姓生活更安“e”</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opposite">
                                            <div class="" style="height: 100%">
                                                <div class="opposite-content hover_bg2">
                                                    <div class="opposite-content-text">
                                                       <p class="font1_bm paddb_5">综治e+e</p>
                                                       <p class="font2_bm paddb_15">使社会治理更容“e”，百姓生活更安“e”</p>
                                                       <p class="font3_bm">
                                                            将现有雪亮工程视频资源叠加综治业务，增加其应用效果。网格员实时调看管辖区域的视频资源，及时发现安全隐患并实现事件快速上报；各级综治中心可以直观查看网格员工作情况，现场指挥调度，及时处置核实事件；群众通过调看社区周边、服务窗口、政务大厅的视频资源，实现惠民服务。
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="well-item">
                                        <div class="correct">
                                            <div style="height: 100%">           
                                                <div class="wellBg well_bg3 padd_well">
                                                    <p class="paddb_15">
                                                        <img src="images/djff/productIcon11.png" alt="">
                                                    </p>
                                                    <p class="font_gscp paddb_15">交通大数据平台</p>
                                                    <p class="font1_gscp">执法有据 管理有序 监督有力</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opposite">
                                            <div class="" style="height: 100%">
                                                <div class="opposite-content hover_bg3">
                                                    <div class="opposite-content-text">
                                                       <p class="font1_bm paddb_5">交通大数据平台</p>
                                                       <p class="font2_bm paddb_15">执法有据 管理有序 监督有力</p>
                                                       <p class="font3_bm">
                                                            以规范执法行为、强化执法监督、提升执法服务水平为目标，实现执法队伍规范化、执法过程智能化、案件办理标准化、跨区域跨部]执法协同化、指挥决策可视化。集移动执法、案件办理、队伍管理、数据交换共享、指挥调度等功能于一~体 ,构建交通运输综合执法平台。
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="well-item">
                                        <div class="correct">
                                            <div style="height: 100%">           
                                                <div class="wellBg well_bg4 padd_well">
                                                    <p class="paddb_15">
                                                        <img src="images/djff/productIcon14.png" alt="">
                                                    </p>
                                                    <p class="font_gscp paddb_15">北斗云平台</p>
                                                    <p class="font1_gscp">定位车载终端，接收卫星信号</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opposite">
                                            <div class="" style="height: 100%">
                                                <div class="opposite-content hover_bg4">
                                                    <div class="opposite-content-text">
                                                       <p class="font1_bm paddb_5">北斗云平台</p>
                                                       <p class="font2_bm paddb_15">定位车载终端，接收卫星信号</p>
                                                       <p class="font3_bm">
                                                            通过安装在车辆上的卫星定位车载终端，实时接收卫星信号，并将卫星检测到的车辆定位信息（如经纬度、方向等）、车辆运行信息（如速度、载重、周边环境），通过GPRS、3G等无线网络与数据中心链接 。数据中心获取到信息数据后进行运算加工，方便企业管理人员对车辆实时监控、调度工作的开展,为科学管理和决策提供有效支撑。         
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="well-item">
                                        <div class="correct">
                                            <div style="height: 100%">           
                                                <div class="wellBg well_bg5 padd_well">
                                                    <p class="paddb_15">
                                                        <img src="images/djff/productIcon12.png" alt="">
                                                    </p>
                                                    <p class="font_gscp paddb_15">云报修平台</p>
                                                    <p class="font1_gscp">从未如此便捷 一切更加简单</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opposite">
                                            <div class="" style="height: 100%">
                                                <div class="opposite-content hover_bg5">
                                                    <div class="opposite-content-text">
                                                       <p class="font1_bm paddb_5">云报修平台</p>
                                                       <p class="font2_bm paddb_15">从未如此便捷 一切更加简单</p>
                                                       <p class="font3_bm">
                                                            为报修者与维修部门、管理部门之间建立高效沟通桥梁，平台统一整合设备、维修部门、管理部门等资源，基于移动互联网，实现设备管理、智慧报修、流程跟踪、智能分析、高效巡检等功能，提供一站式智能报修服务。
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="well-item">
                                        <div class="correct">
                                            <div style="height: 100%">           
                                                <div class="wellBg well_bg6 padd_well">
                                                    <p class="paddb_15">
                                                        <img src="images/djff/productIcon13.png" alt="">
                                                    </p>
                                                    <p class="font_gscp paddb_15">县乡一体化</p>
                                                    <p class="font1_gscp">专注于平安县域的互动应用</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opposite">
                                            <div class="" style="height: 100%">
                                                <div class="opposite-content hover_bg6">
                                                    <div class="opposite-content-text">
                                                       <p class="font1_bm paddb_5">县乡一体化</p>
                                                       <p class="font2_bm paddb_15">专注于平安县域的互动应用</p>
                                                       <p class="font3_bm">
                                                            以“县级医疗机构为龙头，乡镇卫生院为枢纽，村卫生室为基础”建立医疗卫生服务具乡集团化、乡村一体化的信息化平台，形成“基层首诊、分级诊疗、急慢分治、双向转诊”的医疗模式，实现“小病不出乡，大病不出县”的目标，为群众提供安全、有效、方便、价廉的医疗卫生服务。
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>  
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="item companyIndustry wow animated fadeInUp " style="visibility: visible; animation-name: fadeInUp;">
    <div class="container-fluid">
        <div class="container">
            <div class="row companyIndustryHeader">
                <div class="col-xs-12 ">
                    <div class="row">
                        <div class="col-xs-4">
                            <div class="line"></div>
                        </div>
                        <div class="col-xs-4 ">
                            <div class="itemTitle">公司行业</div>
                            <small class="itemTitleEn">Company industry</small>
                        </div>
                        <div class="col-xs-4 ">
                            <div class="line "></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class=" companyIndustryContent wow animated fadeInUp" style="margin:0 -15px;margin-top:108px;">
            <div class="wrap">
                <div class="slide">
                    <div class="slide_point">
                        <div class="swiper-container gallery-thumbs">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="point1 cur_point item ">
                                        <div class="itemInner">
                                            <div class="slideIcon"></div>
                                            <div class="iconTitle">交通</div>
                                            <div class="iconText">城市交通 智慧不息</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="point2 item ">
                                        <div class="itemInner">
                                            <div class="slideIcon"></div>
                                            <div class="iconTitle">政法</div>
                                            <div class="iconText">执政为民 智慧办事</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="point3 item ">
                                        <div class="itemInner">
                                            <div class="slideIcon"></div>
                                            <div class="iconTitle">医疗</div>
                                            <div class="iconText">重构健康 科学兴医</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="point4 item ">
                                        <div class="itemInner">
                                            <div class="slideIcon"></div>
                                            <div class="iconTitle">教育</div>
                                            <div class="iconText">科技造血 人才摇篮</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="point5 item ">
                                        <div class="itemInner">
                                            <div class="slideIcon"></div>
                                            <div class="iconTitle">环保</div>
                                            <div class="iconText">科学治理 数字环保</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="point6 item ">
                                        <div class="itemInner">
                                            <div class="slideIcon"></div>
                                            <div class="iconTitle">金融</div>
                                            <div class="iconText">开放繁荣 科技金融</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="point7 item ">
                                        <div class="itemInner">
                                            <div class="slideIcon"></div>
                                            <div class="iconTitle">军工</div>
                                            <div class="iconText">国家战略 军民融合</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                    <div class="slide_cont">
                        <div class="core"></div>
                        <div class="swiper-container gallery-top">
                            <div class="swiper-wrapper clearfix">
                                <div class="swiper-slide">
                                    <div class="imgInner">
                                        <div class="row">
                                            <div class="col-sm-4 col-sm-offset-2">
                                                <img src="images/djff/jtIcon01.png" alt="">
                                            </div>
                                            <div class="col-sm-4">
                                                <img src="images/djff/jtIcon02.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgInner">
                                        <div class="row">
                                            <div class="col-sm-2 col-sm-offset-3"><img src="images/djff/zfIcon01.png">
                                            </div>
                                            <div class="col-sm-2"><img src="images/djff/zfIcon02.png" alt=""></div>
                                            <div class="col-sm-2"><img src="images/djff/zfIcon03.png" alt=""></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgInner">
                                        <div class="row">
                                            <div class="col-sm-4 col-sm-offset-2">
                                                <img src="images/djff/ylIcon01.png">
                                            </div>
                                            <div class="col-sm-4">
                                                <img src="images/djff/ylIcon02.png">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgInner">
                                        <div class="row">
                                            <div class="col-sm-4 col-sm-offset-2">
                                                <img src="images/djff/jyIcon01.jpg" alt="">
                                            </div>
                                            <div class="col-sm-4">
                                                <img src="images/djff/jyIcon02.jpg" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <!--<img src="images/djff/slideInner01.png">-->
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgInner">
                                        <div class="row">
                                            <div class="col-sm-12 ">
                                                <img src="images/djff/hbIcon01.png">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgInner">
                                        <div class="row">
                                            <div class="col-sm-4 col-sm-offset-2">
                                                <img src="images/djff/jrIcon01.png">
                                            </div>
                                            <div class="col-sm-4">
                                                <img src="images/djff/jrIcon02.png">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="item  intellectualProperty wow fadeInUp animated"
         style="visibility: visible; animation-name: fadeInUp;">
    <div class="container">
        <div class="row intellectualPropertyHeader">
            <div class="col-xs-12 ">
                <div class="row">
                    <div class="col-xs-4">
                        <div class="line" style="margin-top:30px"></div>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="itemTitle">荣誉资质</div>
                        <small class="itemTitleEn">Honor</small>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="line " style="margin-top:30px"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row intellectualPropertyContent">
            <div class="col-sm-12">
                <div class="propertyScroll">
                    <div class="swiper-father  wow animated fadeInUp">
                        <div class="swiper-container" id="propertySwiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="item">
                                        <div class="itemImg" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_v_01.jpg" alt="">
                                        </div>
                                        <div class="itemImg" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_v_02.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="itemImg" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_v_03.jpg" alt="">
                                        </div>
                                        <div class="itemImg" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_v_04.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="itemImg" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_v_05.jpg" alt="">
                                        </div>
                                        <div class="itemImg" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_v_06.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="itemImg" onclick="getBigPage(this)">
                                            <img src="./images/djff/zizhi_v_07.jpg" alt="">
                                        </div>
                                        <div class="itemImg" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_v_08.jpg" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide horizontal">
                                    <div class="item">
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_h_01.jpg" alt="">
                                        </div>
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_h_02.jpg" alt="">
                                        </div>
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_h_03.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_h_04.jpg" alt="">
                                        </div>
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_h_05.jpg" alt="">
                                        </div>
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_h_06.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_h_07.jpg" alt="">
                                        </div>
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_h_08.jpg" alt="">
                                        </div>
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_h_09.jpg" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="item">
                                        <div class="itemImg" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_v_09.jpg" alt="">
                                        </div>
                                        <div class="itemImg" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_v_10.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="itemImg" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_v_11.jpg" alt="">
                                        </div>
                                        <div class="itemImg" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_v_12.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="itemImg" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_v_08.jpg" alt="">
                                        </div>
                                        <div class="itemImg" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_v_14.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="itemImg" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_v_01.jpg" alt="">
                                        </div>
                                        <div class="itemImg" onclick="getBigPage(this)">
                                            <img src="images/djff/zizhi_v_02.jpg" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide horizontal">
                                    <div class="item">
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/rongyu_h_01.jpg" alt="">
                                        </div>
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/rongyu_h_02.jpg" alt="">
                                        </div>
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/rongyu_h_03.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/rongyu_h_04.jpg" alt="">
                                        </div>
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/rongyu_h_05.jpg" alt="">
                                        </div>
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/rongyu_h_06.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/rongyu_h_07.jpg" alt="">
                                        </div>
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/rongyu_h_08.jpg" alt="">
                                        </div>
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/rongyu_h_09.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/rongyu_h_10.jpg" alt="">
                                        </div>
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/rongyu_h_11.jpg" alt="">
                                        </div>
                                        <div class="itemImg h" onclick="getBigPage(this)">
                                            <img src="images/djff/rongyu_h_12.jpg" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="item  cooperativePartner wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
    <div class="partnerShadow"></div>
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="cooperativeTitle">携手&nbsp;<span>共赢</span> , &nbsp;智创<span>未来</span></div>
            </div>
        </div>
        <div class="row cooperativePartnerHeader">
            <div class="col-xs-12 ">
                <div class="row">
                    <div class="col-xs-4">
                        <div class="line"></div>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="itemTitle">合作伙伴</div>
                        <small class="itemTitleEn">Cooperative partner</small>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="line "></div>
                    </div>
                </div>

            </div>
        </div>
        <div class="row cooperativePartnerContent  wow animated fadeInUp">
            <div class="row partnerContent">
                <div class="col-sm-4 col-md-2 item1 item wow animated fadeInDownBig"></div>
                <div class="col-sm-4 col-md-2 item2 item wow animated fadeInUpBig"></div>
                <div class="col-sm-4 col-md-2 item3 item wow animated fadeInDownBig"></div>
                <div class="col-sm-4 col-md-2 item4 item wow animated fadeInUpBig"></div>
                <div class="col-sm-4 col-md-2 item5 item wow animated fadeInDownBig"></div>
                <div class="col-sm-4 col-md-2 item6 item wow animated fadeInUpBig"></div>
            </div>
        </div>
    </div>
</section>
<footer class="footer wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="footTitle"><img src="images/common/footerLogo.png" alt=""></div>
            </div>
        </div>
        <div class="row footContent">
            <div class="col-xs-12 col-sm-7">
                <div class="row">
                    <div class="col-xs-3">
                        <div class="footItems">关于我们</div>
                        <div class="footItem">
                            <a href="javascript:void(0)">关于同昌</a>
                            <a href="javascript:void(0)">发展历程</a>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="footItems">加入我们</div>
                        <div class="footItem">
                            <a href="javascript:void(0)">社会招聘</a>
                            <a href="javascript:void(0)">校园招聘</a>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="footItems">联系我们</div>
                        <div class="footItem">
                            <a href="javascript:void(0)">客户服务</a>
                            <a href="javascript:void(0)">合作洽谈</a>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="footItems">服务热线</div>
                        <div class="footItem">
                            <a href="javascript:void(0)">400-653-0677</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-5 line">
                <div class="row">
                    <div class="col-xs-6  col-sm-5  col-sm-offset-1">
                        <div class="ewm">民生之钥</div>
                        <img src="images/common/mszy.png" alt=""></div>
                    <div class="col-xs-6 col-sm-5">
                        <div class="ewm">关注同昌</div>
                        <img src="images/common/jt.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div class="segmenLine"></div>
            </div>
        </div>
        <div class="row ">
            <div class="col-xs-12 footText">
                <div>法律声明 | 监督举报 | 网站地图 | 晋网文【2018】6138-1456号</div>
                <div>Copyright 1996 - 2018 Topchance. All Rights Reserved.中科同昌信息技术集团</div>
            </div>
        </div>
    </div>
</footer>
<!--回到顶部按钮-->
<div id="jumpTop"></div>
<script src="js/jquery-v1.12.4/jquery.min.js"></script>
<!--vendor-->
<script>window.jQuery || document.write('<script src="js/bootstrap-3.3.7/js/jquery.min.js"><\/script>')</script>
<script src="js/bootstrapValidator/bootstrapValidator.min.js"></script>
<script src="js/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script src="js/bootstrapValidator/zh_CN.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="js/bootstrap-3.3.7/js/ie10-viewport-bug-workaround.js"></script>
<!--加载-->
<script src="js/common.js"></script>
<script src="plugs/wow/wow.min.js"></script>
<script src="plugs/swiper/swiper.min.js"></script>
<script src="plugs/layer/layer.js"></script><!--layer JS-->
<link rel="stylesheet" href="plugs/sweetalert2/sweetalert2.min.css">
<script src="plugs/sweetalert2/sweetalert2.all.min.js"></script>
<script>
    new WOW().init();
    $(document).ready(function(){
        $(window).scroll(function() {
            if ($(window).scrollTop() > 300) {
                $('#jumpTop').fadeIn(800);
            } else {
                $('#jumpTop').fadeOut(800);
            }
        });
        $("#jumpTop").click(function() {
            $('body,html').animate({
                    scrollTop: 0
                },
                1000);
            return false;
        });
        var username = window.sessionStorage.username;//获取绘话中的用户名
        if (username) {
            $(".loginBtn").html(username);
            $(".loginBtn").css({"color":"#fff"});
            $(".loginBtn").attr("data-target","");
        } else {
            $(".loginBtn").html('登录');
            $(".loginBtn").attr("data-target","#myModal");
        }
        //防下载
        document.onkeydown = function() {
            var e = window.event || arguments[0];
            //屏蔽F12
            if(e.keyCode == 123) {
                return false;
                //屏蔽Ctrl+Shift+I
            } else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)) {
                return false;
                //屏蔽Shift+F10
            } else if((e.shiftKey) && (e.keyCode == 121)){
                return false;

            } else if(event.ctrlKey  &&  window.event.keyCode==83 ){
                return false;
            }
        };
        //屏蔽右键单击
        document.oncontextmenu = function() {
            return false;
        }
    });
    // 荣誉资质大图显示
    function getBigPage(tmp) {
        var tmp = $(tmp);
        var height = $(tmp).height();
        var width = $(tmp).width();
        var area = '';
        if(tmp.hasClass("h")){
             area  =  ["80%","90%"];
            
        }  else{
            area  =  ["35%","85%"];
        }
        layer.open({
            type: 1,
            title: false,
            closeBtn: true,
            area: area,
            skin: 'layui-layer-nobg', //没有背景色
            shadeClose: true,
            content: tmp.html()
        });
    }

    $(function () {
        // 数字滚动代码
        var final_arr = Event.number('100,100');
        $(".js-box").html(Event.dom(final_arr));
        Event.animation();
        var final_arr1 = Event2.number('37,000,000');
        $(".js-box1").html(Event2.dom(final_arr1));
        Event2.animation();
        var final_arr2 = Event3.number('100,000,000');
        $(".js-box2").html(Event3.dom(final_arr2));
        Event3.animation();


        var djffBg = $(".djffBg"); //背景图片容器
        var djffTextTitle = $(".djffTextTitle");//文字容器
        loadTextOpacity(djffTextTitle);
        $(document).mousemove(function (e) {
            //背景图片移动
            getMousePos(e, djffBg);
        });

        //公司产品
        var productsSwiper = new Swiper('#productsSwiper', {
            loop: true, // 循环模式选项
            pagination: {
                el: '.swiper-pagination',
                dynamicBullets: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            autoplay: {
                delay:10000,
                disableOnInteraction: false,
            },
        });

        

        $(".well-item").hover(function(){
            $(this).find(".correct").children().removeClass();
            $(this).find(".opposite").children().removeClass();
            $(this).find(".correct").children().addClass("test");
            $(this).find(".opposite").children().addClass('test2');
        },function(){
            $(this).find(".correct").children().removeClass();
            $(this).find(".opposite").children().removeClass();
            $(this).find(".correct").children().addClass("test2");
            $(this).find(".opposite").children().addClass('test');
        });
        

        // 荣誉资质
        var propertySwiper = new Swiper('#propertySwiper', {
            loop: true, // 循环模式选项
            pagination: {
                el: '.swiper-pagination',
                dynamicBullets: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            autoplay: {
                delay: 6000,
                disableOnInteraction: false,
            },
            preventLinksPropagation: false,
        });


        // 公司行业
        var galleryThumbs = new Swiper('.gallery-thumbs', {
            centeredSlides: true,
            loop: true,
            loopAdditionalSlides: 1,
            //  loopAdditionalSlides: 100,

            spaceBetween: 100,
            slidesPerView: 3,
//            freeMode: true,
//            watchSlidesVisibility: true,
//            watchSlidesProgress: true,
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },

//            autoplayDisableOnInteraction: false//点击后打断auto-play
        });
        var galleryTop = new Swiper('.gallery-top', {
            centeredSlides: true,
            loop: true,
            loopAdditionalSlides: 1,

            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            thumbs: {
                swiper: galleryThumbs
            },
//            autoplayDisableOnInteraction: false//点击后打断auto-play
        });
        // modal  居中显示
        var $m_btn = $('.loginBtn');
        var $modal = $('#myModal');

        $modal.on('show.bs.modal', function () {
            var $this = $(this);
            var $modal_dialog = $this.find('.modal-dialog');
            // 关键代码，如没将modal设置为 block，则$modala_dialog.height() 为零
            $this.css('display', 'block');
            $modal_dialog.css({'margin-top': Math.max(0, ($(window).height() - $modal_dialog.height()) / 2)});
        });
        $('#myModal').on('shown.bs.modal', function () {
            $("#loginForm").bootstrapValidator({
                live: 'enabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证
                excluded: [':disabled', ':hidden', ':not(:visible)'],//排除无需验证的控件，比如被禁用的或者被隐藏的
                submitButtons: '#submitBtn',//指定提交按钮，如果验证失败则变成disabled，但我没试成功，反而加了这句话非submit按钮也会提交到action指定页面
                message: '通用的验证失败消息',//好像从来没出现过
                feedbackIcons: {//根据验证结果显示的各种图标
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {
                    username: {
                        message: '用户名验证失败',
                        validators: {
                            notEmpty: {
                                message: '用户名不能为空'
                            }
                        }
                    },
                    password: {
                        validators: {
                            /* regexp: {//正则验证
                                 regexp: /^[a-zA-Z0-9_\.]+$/,
                                 message: '所输入的字符不符要求'
                             },*/
                            notEmpty: {
                                message: '密码不能为空'
                            }
                        }
                    },
                }
            });
            $("#submitBtn").click(function (e) {
                e.preventDefault();
                $("#loginForm").bootstrapValidator('validate');//提交验证
                if ($("#loginForm").data('bootstrapValidator').isValid()) {
                    var username = $.trim($("#userName").val());
                    var password = $.trim($("#password").val());
                    $.ajax({
                        url: "http://www.tpccn.com/eye/a/tcoa/login/manage",
                        type: "post",
                        data: {username: username, password: password},
                        success: function (data) {
                            if (data) {
                                data = JSON.stringify(data);
                                data = JSON.parse(data);
                                if (data.loginmark == 1) {
                                    $('#myModal').modal('hide');
                                    swal(
                                        '恭喜登录成功！',
                                    );


                                    // sessionStorage.useId = data.id;
                                    // alert(id);//保存用户名id
                                    sessionStorage.username = data.username;    //保存用户名
                                    //  alert()
                                     $(".loginBtn").html(data.username);
                                    $(".loginBtn").attr("data-target"," ");
                                    $(".loginBtn").css({"color":"#fff"});
                                }
                                if (data.loginmark == 2) {
                                    swal({
                                        title: '用户名或密码填写错误登录失败!',
                                        type: 'error',
                                        confirmButtonColor: '#3085d6',
                                        cancelButtonColor: '#d33',
                                        confirmButtonText: '确定',
                                        confirmButtonClass: 'btn btn-success',
                                        buttonsStyling: false ,

                                    }).then(function () {
                                        swal(
                                            '请重新核对填写信息',
                                             'info'
                                        )
                                    });
                                    //layer.alert('用户名或密码填写错误', {icon: 2});
                                    $("#loginForm").data("bootstrapValidator").destroy();
                                    $('#loginForm').data('bootstrapValidator', null);
                                    $("#loginForm")[0].reset();
                                }
                            }
                        },
                        error: function (xhr, data) {
                            swal('发送ajax失败');
                        },
                        complete: function () {
                            $("#loginForm").data("bootstrapValidator").destroy();
                            $('#loginForm').data('bootstrapValidator', null);
                            $("#loginForm")[0].reset();
                        }
                    })
                }
            });
        });
    });

</script>
</body>
</html>
